<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%
String path = request.getContextPath();
String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<head>
<base href="<%=basePath%>"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Insert title here</title>
</head>
 <!-- Bootstrap -->
  <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet">
  <link href="css/bootstrap/owl.carousel.css" rel="stylesheet">
  <link href="css/bootstrap/owl.theme.css" rel="stylesheet">
  <link href="css/bootstrap/owl.transitions.css" rel="stylesheet">
  <link href="css/bootstrap/style.css" rel="stylesheet">
  <link href="css/bootstrap/config.css" rel="stylesheet">
  <link href="js/bootstrap/dist/css/bootstrapValidator.min.css" rel="stylesheet">
  <script src="js/bootstrap/dist/js/sweetalert.min.js"></script>
 <script src="lib/bootstrap/modernizr.custom.63321.js"></script>
 <script src="lib/bootstrap/jquery-3.2.1.js"></script>
<body>
<!-- Header -->
<header id="header">

  <!-- ========== TOP BAR START ========== -->
  <input type="hidden" id="uid" value="${loginQtUser.uid }"/>
    
  <input type="hidden" id="goodConnGids" />
  <div id="top-bar">
    <div class="container">
      <nav id="language-selector">
        <ul class="nav nav-pills">
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">English <b class="caret"></b></a>
            <ul role="menu" class="dropdown-menu">
              <li><a href="#">German</a></li>
              <li><a href="#">Spanish</a></li>
              <li><a href="#">Italian</a></li>
            </ul>
          </li>
        </ul>
      </nav>

      <c:if test="${not empty loginQtUser }">
          <span><i class="shopping-cart"></i></span>
	      <nav id="shopping-cart"> 
	        <a href="#" id="showLeftCar">
	          <i class="fa fa-shopping-cart fa-lg"></i> Cart
	          <span class="fa-stack">
	            <i class="fa fa-circle fa-stack-2x"></i>
	            <i class="fa fa-stack-1x fa-inverse" id="zcnum"></i>
	          </span>
	        </a> 
	      </nav>
      </c:if>
     
      <nav id="top-nav" role="navigation" class="navbar">
        <div class="navbar-header">
          <button data-target=".top-nav" data-toggle="collapse" class="navbar-toggle" type="button">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        <div class="collapse navbar-collapse top-nav">
          <ul class="nav navbar-nav">
            <li><a href="about-us.html">About</a></li>
            <li><a href="blog.html">Blog</a></li>
            <li><a href="contact.html">Contact</a></li>
            <c:if test="${empty loginQtUser }">
	            <li><a href="model/showLogin" target="show">登录</a></li>
	            <li><a href="model/showReg" target="show">注册</a></li>
            </c:if>
            <c:if test="${not empty loginQtUser }">
                <li><img style="width: 28px;height: 28px;margin-bottom: 10px;" src="/images/userHeader/${loginQtUser.avater }" class="am-circle hp-am-circle"/></li>
	            <li>欢迎<span style="color: blue;">&nbsp;&nbsp;&nbsp;&nbsp;${loginQtUser.uname }</span></li> 
	            <li style="margin-bottom: 10px;">
	             <a href="model/showOrders" target="show">
                  <i class="fa fa-star fa-lg"></i> 收藏
		          <span class="fa-stack">
		            <i class="fa fa-circle fa-stack-2x"></i>
		            <i class="fa fa-stack-1x fa-inverse" id="gcnum">12</i>
		          </span>
		         </a>
                </li> 
                <li><a href="javascript:;" id="qtExit">退出</a></li>
	            <li><a href="model/showOrders" target="show">订单</a></li>   
            </c:if>
          </ul>
        </div><!-- /.navbar-collapse -->
      </nav>

    </div>
  </div><!-- / #top-bar -->

  <!-- ========== TOP BAR START ========== -->

  <!-- ========== MENU START ========== -->

  <nav id="main-nav">
    <div class="navbar">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".main-nav">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="good/showIndex?num1=8&num2=4&num3=8" target="show"><img src="/images/userHeader/logo.png" alt="Garbini" class="img-responsive"></a>
        </div>
        <div class="navbar-collapse collapse main-nav">
          <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
              <a href="index-1.html" class="dropdown-toggle" data-toggle="dropdown">Home <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="index-2.html">Home #1 / Slider</a></li>
                <li><a href="index-alt.html">Home #2 / Categories</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="category.html" class="dropdown-toggle" data-toggle="dropdown">For Woman <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="category.html">Subcat #1</a></li>
                <li><a href="category.html">Subcat #2</a></li>
                <li><a href="category.html">Subcat #3</a></li>
                <li><a href="category.html">Subcat #4</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="category.html" class="dropdown-toggle" data-toggle="dropdown">For Men <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="category.html">Subcat #1</a></li>
                <li><a href="category.html">Subcat #2</a></li>
                <li><a href="category.html">Subcat #3</a></li>
                <li><a href="category.html">Subcat #4</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="category.html" class="dropdown-toggle" data-toggle="dropdown">For Kids <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="category.html">Subcat #1</a></li>
                <li><a href="category.html">Subcat #2</a></li>
                <li><a href="category.html">Subcat #3</a></li>
                <li><a href="category.html">Subcat #4</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="category.html" class="dropdown-toggle" data-toggle="dropdown">Accessories</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </nav>

</header>

<!-- ========== MENU END ========== -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> -->
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="lib/bootstrap/bootstrap.min.js"></script>
<script src="lib/bootstrap/owl.carousel.min.js"></script>
<script src="lib/bootstrap/jquery.jpanelmenu.min.js"></script>
<script src="lib/bootstrap/jquery.catslider.js"></script>
<script src="lib/bootstrap/main.js"></script>
<script src="js/bootstrap/dist/js/bootstrapValidator.min.js"></script>
<script src="lib/layui/layui.js"></script>
<script src="js/front/head.js"></script> 
</body>
</html>